<template>
  <view class="approve">
    <view v-for="(item, index) in list" :key="index" class="approveItem">
      <stepitem :item="item" :index="index" :list="list"></stepitem>
    </view>
  </view>
</template>

<script>
import stepitem from "./step-item.vue";
export default {
  components: {
    stepitem,
  },
  data() {
    return {
      size: {},
      // 1.待审批 2. 已通过  3.已驳回
      list: [
        {
          name: "张明杰",
          ceratTime: "2023-05-08 10:12",
          status: "1",
        },
        {
          name: "张明杰",
          ceratTime: "2023-05-08 10:12",
          status: "2",
        },
        {
          name: "张明杰",
          ceratTime: "2023-05-08 10:12",
          status: "3",
        },
      ],
    };
  },
  methods: {},
  created() {},
};
</script>

<style lang="scss" scoped>
.approve {
  .approveItem {
    margin-bottom: 34rpx;
    position: relative;
    padding-left: 30rpx;

    .cirel {
    }
  }
  .nameandtime {
    font-size: 28rpx;
    font-family: PingFang SC-Regular, PingFang SC;
    font-weight: 400;
    color: #9e9e9e;
    margin-top: 10rpx;
  }
  .dai {
    font-size: 32rpx;
    font-family: PingFang SC-Medium, PingFang SC;
    font-weight: 500;
    color: #ff6234;
  }
  .tong {
    font-size: 32rpx;
    font-family: PingFang SC-Medium, PingFang SC;
    font-weight: 500;
    color: #00b38b;
  }
  .bo {
    font-size: 32rpx;
    font-family: PingFang SC-Medium, PingFang SC;
    font-weight: 500;
    color: #f53f3f;
  }
}
</style>
